<!--项目管理-->
<template>
    <div class="main-wrapper itemManage-wrapper">
        <div class="page-header">
            <div class="clearfix title-box">
                <span class="fl fz20">申报审核</span>
                <div class="fr clearfix icon-box">
                    <img class="mr20 fl cursor_p" :src="hoverIndex != index ? img.icon : img.iconActive"
                         v-for="(img, index) in imgList" :key="img.id" @mouseenter="mouseEnter(index)"
                         @mouseleave="mouseLeave(-1)" @click="iconClick(img.id)">
                </div>
            </div>
            <div class="nav-box">
                <div class="nav-list pl20">
                    <span class="nav-item cursor_p fz16" v-for="(item, index) in navList" :key="item.id"
                          :class="currentNav == index ? 'active-nav' : ''"
                          @click="switchNav(index)">{{item.name}}</span>
                </div>
            </div>
        </div>
        <div class="main-content p20 w1200 m20">
            <div class="content-box">
                <div class="table-box" v-if="currentNav == 0">
                    <template>
                        <el-table class="" border ref="multipleTable" :data="tableData2" tooltip-effect="dark"
                                  style="width: 100%" max-height="500px">
                            <el-table-column align="center" type="index" label="序号" width="60"></el-table-column>
                            <el-table-column align="center" prop="itemName" label="项目名称" >
                            </el-table-column>
                            <el-table-column align="center" prop="itemType" label="项目类型" >
                            </el-table-column>
                            <el-table-column align="center" prop="declarant" label="申报人" >
                            </el-table-column>
                            <el-table-column align="center" prop="declarationDepartment" label="申报部门" >
                            </el-table-column>
                            <el-table-column align="center" prop="declarationTime" label="申请时间"  >
                            </el-table-column>
                            <el-table-column align="center" label="操作">
                             	<template slot-scope="scope">
							        <el-button size="mini" @click="iconClick(scope.row,scope.$index)">通过</el-button>
							        <el-button size="mini" @click="rejectFn(scope.row,scope.$index)">驳回</el-button>
						        </template>
                            </el-table-column>
                        </el-table>
                    </template>
                </div>
                <div class="table-box" v-if="currentNav == 1">
                    <template>
                         <el-table class="" border ref="multipleTable" :data="tableData3" tooltip-effect="dark"
                                  style="width: 100%" max-height="500px">
                            <el-table-column align="center" type="index" label="序号" width="60"></el-table-column>
                            <el-table-column align="center" prop="itemName" label="项目名称" >
                            </el-table-column>
                            <el-table-column align="center" prop="itemType" label="项目类型" >
                            </el-table-column>
                            <el-table-column align="center" prop="declarant" label="申报人" >
                            </el-table-column>
                            <el-table-column align="center" prop="declarationDepartment" label="申报部门" >
                            </el-table-column>
                            <el-table-column align="center" prop="declarationTime" label="申请时间"  >
                            </el-table-column>
                        </el-table>
                    </template>
                </div>
            </div>
        </div>
   		 <!--驳回理由-->
        <el-dialog class="dialog-box" title="驳回理由" :visible.sync="rejectDialogVisible" width="500px">
            <div class="dialog-main detail-dialog reject-dialog create-asset">
                <div class="base-detail">
                    <el-form ref="form" :model="rejectForm" label-width="40px">
                    	<el-form-item label="驳回">
                            <el-input
							  type="textarea"
							  autosize
							  placeholder="请输入驳回理由"
							  v-model="rejectForm.textarea"
							  class="txt"
							  >
							</el-input>
                        </el-form-item>
                    </el-form>
                    <div class="dialog-footer">
                        <el-button @click="rejectDialogVisible = false">取消</el-button>
                        <el-button type="primary" @click="rejectDialog()">确定
                        </el-button>
                    </div>
                </div>

            </div>
        </el-dialog>
    </div>
</template>

<script src="./declarationAudit.js"></script>

<style scoped lang="scss">
@import "declarationAudit";
</style>
